<template>
	<view style="background-color: white;height: 100vh;">
		<view class="yue">
			<view class="yue1">
				余额：<text class="yue1text">120.00</text>
			</view>
		</view>
		<view class="yue">
			<view class="yue2">
				充值金额
			</view>
			<view class="yue3">
				￥360.00
			</view>
		</view>
		<view class="text">
			可充值金额不少于1元，如遇到支付问题可联系客服<text style="color: #FF4140;">联系客服</text>
		</view>
		<view class="bottom">
			立即充值
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.yue {
		width: 90vw;
		margin: 0rpx auto;
		padding: 20rpx 0;
		border-bottom: 2rpx solid #F7F7F7;
	}

	.yue1 {
		font-size: 32rpx;
		font-family: Source Han Sans CN-Medium, Source Han Sans CN;
		font-weight: 500;
		color: #373737;
		line-height: 64rpx;
	}

	.yue1text {
		font-size: 32rpx;
		font-family: Source Han Sans CN-Regular, Source Han Sans CN;
		font-weight: 400;
		color: #FF4140;
		line-height: 64rpx;
	}

	.yue2 {
		font-size: 32rpx;
		font-family: Source Han Sans CN-Regular, Source Han Sans CN;
		font-weight: 400;
		color: #999999;
		line-height: 120rpx;
	}

	.yue3 {
		font-size: 44rpx;
		font-family: Source Han Sans CN-Medium, Source Han Sans CN;
		font-weight: 500;
		color: #000000;
		line-height: 64rpx;
	}

	.text {
		width: 90vw;
		margin: 0 auto;
		font-size: 12px;
		font-family: Source Han Sans CN-Regular, Source Han Sans CN;
		font-weight: 400;
		line-height: 20px;
		color: #999999;
	}

	.bottom {
		position: fixed;
		bottom: 40rpx;
		left: 33rpx;
		width: 686rpx;
		height: 102rpx;
		background: #FF4140;
		border-radius: 0px 0px 0px 0px;
		opacity: 1;
		font-size: 34rpx;
		font-family: SourceHanSansCN-Medium-, SourceHanSansCN-Medium;
		font-weight: normal;
		color: #FFFFFF;
		text-align: center;
		line-height: 102rpx;
	}
</style>
